﻿
.tl_pop_animated {
	-webkit-animation-duration: 0.6s;
	-moz-animation-duration: 0.6s;
	-o-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes tl_in_top {
	0% {
		-webkit-transform-origin: 50% 100% 0px;
		-webkit-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
	}
	100% {
		-webkit-transform-origin: 50% 100% 0px;
		-webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-moz-keyframes tl_in_top {
	0% {
		-moz-transform-origin: 50% 100% 0px;
		-moz-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
	}
	100% {
		-moz-transform-origin: 50% 100% 0px;
		-moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-o-keyframes tl_in_top {
	0% {
		-o-transform-origin: 50% 100% 0px;
		-o-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
	}
	100% {
		-o-transform-origin: 50% 100% 0px;
		-o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@keyframes tl_in_top {
	0% {
		transform-origin: 50% 100% 0px;
		transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
	}
	100% {
		transform-origin: 50% 100% 0px;
		transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-webkit-keyframes tl_in_bottom {
	0% {
		-webkit-transform-origin: 50% 0% 0px;
		-webkit-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
	}
	100% {
		-webkit-transform-origin: 50% 0% 0px;
		-webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-moz-keyframes tl_in_bottom {
	0% {
		-moz-transform-origin: 50% 0% 0px;
		-moz-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
	}
	100% {
		-moz-transform-origin: 50% 0% 0px;
		-moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-o-keyframes tl_in_bottom {
	0% {
		-o-transform-origin: 50% 0% 0px;
		-o-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
	}
	100% {
		-o-transform-origin: 50% 0% 0px;
		-o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@keyframes tl_in_bottom {
	0% {
		transform-origin: 50% 0% 0px;
		transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
	}
	100% {
		transform-origin: 50% 0% 0px;
		transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-webkit-keyframes tl_in_left {
	0% {
		-webkit-transform-origin: 100% 50% 0px;
		-webkit-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
	}
	100% {
		-webkit-transform-origin: 100% 50% 0px;
		-webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-moz-keyframes tl_in_left {
	0% {
		-moz-transform-origin: 100% 50% 0px;
		-moz-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
	}
	100% {
		-moz-transform-origin: 100% 50% 0px;
		-moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-o-keyframes tl_in_left {
	0% {
		-o-transform-origin: 100% 50% 0px;
		-o-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
	}
	100% {
		-o-transform-origin: 100% 50% 0px;
		-o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
}
@keyframes tl_in_left {
	0% {
		transform-origin: 100% 50% 0px;
		transform: perspective(500px) rotateX(-90deg) scale(0, 0);
	}
	100% {
		transform-origin: 100% 50% 0px;
		transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-webkit-keyframes tl_in_right {
	0% {
		-webkit-transform-origin: 0% 50% 0px;
		-webkit-transform: perspective(500px) rotateY(90deg) scale(0, 0);
	}
	100% {
		-webkit-transform-origin: 0% 50% 0px;
		-webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-moz-keyframes tl_in_right {
	0% {
		-moz-transform-origin: 0% 50% 0px;
		-moz-transform: perspective(500px) rotateY(90deg) scale(0, 0);
	}
	100% {
		-moz-transform-origin: 0% 50% 0px;
		-moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-o-keyframes tl_in_right {
	0% {
		-o-transform-origin: 0% 50% 0px;
		-o-transform: perspective(500px) rotateY(90deg) scale(0, 0);
	}
	100% {
		-o-transform-origin: 0% 50% 0px;
		-o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
}
@keyframes tl_in_right {
	0% {
		transform-origin: 0% 50% 0px;
		transform: perspective(500px) rotateX(90deg) scale(0, 0);
	}
	100%{
		transform-origin: 0% 50% 0px;
		transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
}
@-webkit-keyframes tl_out_top {
	0% {
		-webkit-transform-origin: 50% 100% 0px;
		-webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: 50% 100% 0px;
		-webkit-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
		opacity: 0;
	}
}
@-moz-keyframes tl_out_top {
	0% {
		-moz-transform-origin: 50% 100% 0px;
		-moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: 50% 100% 0px;
		-moz-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
		opacity: 0;
	}
}
@-o-keyframes tl_out_top {
	0% {
		-o-transform-origin: 50% 100% 0px;
		-o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-o-transform-origin: 50% 100% 0px;
		-o-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
		opacity: 0;
	}
}
@keyframes tl_out_top {
	0% {
		transform-origin: 50% 100% 0px;
		transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		transform-origin: 50% 100% 0px;
		transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
		opacity: 0;
	}
}
@-webkit-keyframes tl_out_bottom {
	0% {
		-webkit-transform-origin: 50% 0% 0px;
		-webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: 50% 0% 0px;
		-webkit-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
		opacity: 0;
	}
}
@-moz-keyframes tl_out_bottom {
	0% {
		-moz-transform-origin: 50% 0% 0px;
		-moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: 50% 0% 0px;
		-moz-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
		opacity: 0;
	}
}
@-o-keyframes tl_out_bottom {
	0% {
		-o-transform-origin: 50% 0% 0px;
		-o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-o-transform-origin: 50% 0% 0px;
		-o-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
		opacity: 0;
	}
}
@keyframes tl_out_bottom {
	0% {
		transform-origin: 50% 0% 0px;
		transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100%{
		transform-origin: 50% 0% 0px;
		transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
		opacity: 0;
	}
}
@-webkit-keyframes tl_out_left {
	0% {
		-webkit-transform-origin: 100% 50% 0px;
		-webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: 100% 50% 0px;
		-webkit-transform: perspective(500px) rotateY(90deg) scale(0, 0);
		opacity: 0;
	}
}
@-moz-keyframes tl_out_left {
	0% {
		-moz-transform-origin: 100% 50% 0px;
		-moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: 100% 50% 0px;
		-moz-transform: perspective(500px) rotateY(90deg) scale(0, 0);
		opacity: 0;
	}
}
@-o-keyframes tl_out_left {
	0% {
		-o-transform-origin: 100% 50% 0px;
		-o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-o-transform-origin: 100% 50% 0px;
		-o-transform: perspective(500px) rotateY(90deg) scale(0, 0);
		opacity: 0;
	}
}
@keyframes tl_out_left {
	0% {
		transform-origin: 100% 50% 0px;
		transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100%{
		transform-origin: 100% 50% 0px;
		transform: perspective(500px) rotateX(90deg) scale(0, 0);
		opacity: 0;
	}
}
@-webkit-keyframes tl_out_right {
	0% {
		-webkit-transform-origin: 0% 50% 0px;
		-webkit-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-webkit-transform-origin: 0% 50% 0px;
		-webkit-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
		opacity: 0;
	}
}
@-moz-keyframes tl_out_right {
	0% {
		-moz-transform-origin: 0% 50% 0px;
		-moz-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-moz-transform-origin: 0% 50% 0px;
		-moz-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
		opacity: 0;
	}
}
@-o-keyframes tl_out_right {
	0% {
		-o-transform-origin: 0% 50% 0px;
		-o-transform: perspective(500px) rotateY(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		-o-transform-origin: 0% 50% 0px;
		-o-transform: perspective(500px) rotateY(-90deg) scale(0, 0);
		opacity: 0;
	}
}
@keyframes tl_out_right {
	0% {
		transform-origin: 0% 50% 0px;
		transform: perspective(500px) rotateX(0deg) scale(1, 1);
		opacity: 1;
	}
	100% {
		transform-origin: 0% 50% 0px;
		transform: perspective(500px) rotateX(-90deg) scale(0, 0);
		opacity: 0;
	}
}